<div data-ng-controller="MatriculaController">
	<form>
		<h4>Matricula de Aluno</h4>
		<div class="form-group">
			<label>Aluno </label>
			<div class="input-group">
				<ui-select ng-model="matricula.aluno"> <ui-select-match
					placeholder="Selecione ou procure um aluno na lista...">{{$select.selected.nome}}</ui-select-match>
				<ui-select-choices repeat="aluno in alunos | filter: $select.search">
				<span data-ng-bind-html="aluno.nome | highlight: $select.search"></span>
				</ui-select-choices> </ui-select>
				<span class="input-group-btn">
					<button data-ng-click="aluno.selected = undefined"
						class="btn btn-default">
						<span class="glyphicon glyphicon-trash"></span>
					</button>
				</span>
			</div>
		</div>
		<div class="form-group">
			<label>Turma </label>
			<div class="input-group">
				<ui-select ng-model="matricula.turma"> <ui-select-match
					placeholder="Selecione ou procure uma turma na lista...">{{$select.selected.descricao}}</ui-select-match>
				<ui-select-choices repeat="turma in turmas | filter: $select.search">
				<span
					data-ng-bind-html="turma.descricao | highlight: $select.search"></span>
				</ui-select-choices> </ui-select>
				<span class="input-group-btn">
					<button data-ng-click="turma.selected = undefined"
						class="btn btn-default">
						<span class="glyphicon glyphicon-trash"></span>
					</button>
				</span>
			</div>
		</div>
		<div>
			<div class="form-group">
				<label for="aulaDomicilio"></label>
				<div class="btn-group" data-ng-model="matricula" data-bs-checkbox-group>
						<label class="btn btn-default"><input type="checkbox"
						class="btn btn-default" value="aulaDomicilio"  data-ng-change="atualizarValor()"> Aula em Domicilio</label>
				</div>
			</div>

			<div class="form-group">
				<label for="aulaIndividual"></label>
				<div class="btn-group" data-ng-model="matricula"  data-bs-checkbox-group>
					<label class="btn btn-default"><input type="checkbox"
						class="btn btn-default" value="aulaIndividual"  data-ng-change="atualizarValor()"> Aula Individual</label>
				</div>
			</div>
		</div>

		<div class="form-group">
			<label for="valor"></label>
			<div class="btn-group">
				<label class="btn btn-default"> Valor da Aula R$: <input type="text"
                    class="btn btn-default" disabled="disabled" data-ng-model="matricula.valor" ></label>
			</div>
		</div>

		<button class="btn btn-primary" type="button"
			data-ng-click="saveMatricula()">Salvar</button>
	</form>
</div>